*{
    padding: 0;
    margin: 0;
}
body {
    width: 600px;
    margin: 2em auto;
    padding: 0 2em;
    font-size: 14px;
    font-family: "Microsoft YaHei";
}
p {
    line-height: 24px;
    margin: 1em 0;
}

header{
    padding:.5em 0;
    border-bottom:1px
    solid #cccccc;
}

nav{
    float:left;
    font-family:"Microsoft YaHei";
    font-size:1.1em;
    text-transform:uppercase;
    margin-left:-12em;
    width:9em;
    text-align:right;
}

nav a{
    display:block;
    text-decoration:none;
    padding:.7em 1em;
    color:#000000;
}

nav a:hover{
    background-color:#ff0000;
    color:#f9f9f9;
    -webkit-transition:color .2s linear;
}

article {
    font-size:16px;
    padding-top:.5em;
}
article a{
    color:#dd0000;
    text-decoration:none;
}
article a:hover{
    color:#333333;
    text-decoration:underline;
}
.info{
    font-size:14px;
}

.edit{
    margin:3px;
    padding:2px 5px;
    border-radius:3px;
    background-color:#f3f3f3;
    color:#333;
    font-size:13px;
}
.edit:hover{
    text-decoration:none;
    background-color:#f00;
    color:#fff;
    -webkit-transition:color .2s linear;}

.prepage a{
    float:left;
    text-decoration:none;
    padding:.5em 1em;
    color:#ff0000;
    font-weight:bold;
}

.nextpage a{
    float:right;
    text-decoration:none;
    padding:.5em 1em;
    color:#ff0000;
    font-weight:bold;
}
.prepage a:hover,.nextpage a:hover{
    text-decoration:none;
    background-color:#ff0000;
    color:#f9f9f9;
    -webkit-transition:color .2s linear;
}

.archive {
    list-style: none;
    line-height: 28px;
}

.archive h3 {
    margin: 0.5em 0;
}

.archive time{
    float: left;
    font-size: 14px;
    color: #999999;
    margin-right: 1.2em;
}

.tag{
    background-color:#ff0000;
    border-radius:3px;
    font-size:14px;
    color:#ffffff;
    display:inline-block;
    padding:0 5px;
    margin-bottom:8px;
}

.tag:hover{
    text-decoration:none;
    background-color:#ffffff;
    color:#000000;
    -webkit-transition:color .2s linear;
}

.search{
    border: 0;
    width: 6em;
    text-align: center;
    font-size: 1em;
    margin: 0.5em 0;
}

.l_head{
    float: left;margin-left: -4em; box-shadow: 0px 1px ;
}
